$(function(){
  var form = layui.form;
  var layer = layui.layer;

  form.verify({
    nickname: function(val) {
      if (val.length > 6) {
        return '昵称长度必须在1-6个字符之间';
      }
    }
  });

  // 初始化表单数据
  initUserName();
  function initUserName() {
    $.ajax({
      type: "GET",
      url: "/my/userinfo",
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('获取用户信息失败！')
        }
        console.log(res);
        //给表单赋值
        form.val("formUserInfo", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
          "username": res.data.username, // "name": "value"
          "nickname": res.data.nickname,
          "email": res.data.email,
          "id": res.data.id
        });
      }
    })
  }

  // 重置
  $('#btnReset').on('click', function (e) {
    e.preventDefault();
    initUserName();
  })

  // 提交修改
  $('.layui-form').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/my/userinfo",
      data: $(this).serialize(),  //格式{key:value}
      success: function (res) {  //请求成功回调
        if (res.status !== 0) {
          return layer.msg('更新用户信息失败！');
        }
        layer.msg('更新用户信息成功！');
        // 调用父级页面dom渲染方法来重新渲染页面
        window.parent.getUserInfo();
      }
    })
  })
})